<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title><%= Title %></title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/common.css">
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/animate.min.css">
    <!-- bootstrap -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>aceadmin/css/bootstrap.min.css"/>
    <!-- font -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>common/font/google_opensans_v10/font.css">
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>common/font/font-awesome-4.7.0/css/font-awesome.min.css">
    <!-- ace settings handler -->
    <script src="<%- Virtual_Path.Static %>aceadmin/js/ace-extra.min.js"></script>
    <!-- basic scripts -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='<%- Virtual_Path.Static %>jquery/jquery-2.1.4.min.js'>" + "<" + "/script>");
    </script>
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='<%- Virtual_Path.Static %>aceadmin/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <!-- lodash -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/lodash/lodash.min.js"></script>
    <!-- moment -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/moment/moment.min.js"></script>
    <!-- JQuery.Easing -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/easing/jquery.easing.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/easing/jquery.easing.compatibility.js"></script>
    <!-- JQuery.Easypiechart -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/easypiechart/jquery.easypiechart.min.js"></script>
    <!-- JQuery.Colorbox -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/colorbox/colorbox.min.css"/>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/colorbox/colorbox.custom.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/colorbox/jquery.colorbox-min.js"></script>
    <!-- JQuery.Plugin.Select2 -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/select2/select2.min.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/select2/select2.full.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/select2/select2_locale_zh-CN.js"></script>
    <!-- JQuery.Form -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/form/jquery.form.min.js"></script>
    <!-- JQuery.Validate -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.extend.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/additional-methods.min.js"></script>
    <!-- JQuery.MaskedInput -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.custom.js"></script>
    <!-- flavr -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/flavr/flavr.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/flavr/flavr.css"/>
    <!-- koc -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.css"/>
    <!-- bootstrap -->
    <script src="<%- Virtual_Path.Static %>aceadmin/js/bootstrap.min.js"></script>
    <!-- JQuery.Plugin.Bootstrap.DatetimePicker -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <!-- bootstrap-select -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/select/bootstrap-select.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/select/bootstrap-select.min.css"/>
    <!-- ace styles class="ace-main-stylesheet id="main-ace-style" -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>aceadmin/css/ace.min.css"/>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>aceadmin/css/ace.custom.css"/>
    <!-- Admin Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>admin/css/common.css">
    <!-- PageScript -->
    <script><%- PageScript %></script>
</head>

<body class="no-skin modalpage">

<%- Content %>


<!-- ace scripts -->
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.scroller.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.colorpicker.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.fileinput.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.typeahead.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.wysiwyg.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.spinner.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.wizard.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.aside.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.ajax-content.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.touch-drag.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.sidebar.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.sidebar-scroll-1.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.submenu-hover.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.widget-box.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.settings.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.settings-rtl.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.settings-skin.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.widget-on-reload.js"></script>

<!-- COMMON JS FILE -->
<script src="/js/common.js"></script>
<script src="/js/common.admins.js"></script>
<script>
    $(function () {
        var _colorbox_Body = $('div.divColorbox_Body');
        var _colorbox_Footer = $('div.divColorbox_Footer');
        //////////////////////////////////////////////////////////
        //返回按钮
        //////////////////////////////////////////////////////////
        var _btnUndo = _colorbox_Footer.children('#btnUndo');
        if (_btnUndo.length > 0) {
            if (!_btnUndo.html()) {
                _btnUndo.html('关闭窗口');
            }
            _btnUndo.addClass('btn').click(function () {
                parent.$.colorbox.close();
            });
        }
        $('div.divColorbox_Header > a.Close').html('<i class="fa fa-times"></i>').attr({
            'data-rel': 'tooltip',
            'data-original-title': '关闭',
            'data-placement': 'bottom'
        }).click(function () {
            parent.$.colorbox.close();
        });
        //////////////////////////////////////////////////////////
        //刷新
        //////////////////////////////////////////////////////////
        $('div.divColorbox_Header > a.Refresh').html('<i class="fa fa-refresh"></i>').attr({
            'data-rel': 'tooltip',
            'data-original-title': '刷新',
            'data-placement': 'bottom'
        }).click(function () {
            location.reload(true);
        });
        //////////////////////////////////////////////////////////
        //MenuTabs
        /////////////////////////////////////////////////////////
        var _MenuTabs = $('#MenuTabs');
        if (_MenuTabs.length > 0) {
            _MenuTabs.on('click', 'a', function () {
                var _ActiveHref = $(this).attr('href');
                $('[MenuTabs]').each(function () {
                    if (('|' + $(this).attr('MenuTabs') + '|').indexOf('|' + _ActiveHref + '|') >= 0) {
                        $(this).show();
                    } else {
                        $(this).hide();
                    }
                });
            });
            var _ActiveTab = _ModalData.Tab;
            if (_ActiveTab) {
                _ActiveTab = _MenuTabs.find('li > [href="#MenuTabs_' + _ActiveTab + '"]');
            }
            if (_ActiveTab && _ActiveTab.length > 0) {
                _ActiveTab.parent().removeClass('disabled');
                _ActiveTab.click();
            }
            else {
                _MenuTabs.find('li:first-child > a').click();
            }
        }
        //////////////////////////////////////////////////////////
        //PageInit
        //////////////////////////////////////////////////////////
        $.CommonAdmin.PageInit();
        //////////////////////////////////////////////////////////
        //页尺寸
        //////////////////////////////////////////////////////////
        var _colorbox_height = $(window).height() - $('div.divColorbox_Header').outerHeight(true) - _colorbox_Footer.outerHeight(true);
        if (_MenuTabs.length > 0) {
            _colorbox_height -= 69;
            _colorbox_Body.find('.tab-content > .tab-pane')
                .css("height", _colorbox_height + "px")
                .ace_scroll({
                    size: _colorbox_height
                }).children('.scroll-content').css("min-height", _colorbox_height + "px");
        } else {
            _colorbox_Body
                .css("height", _colorbox_height + "px")
                .ace_scroll({
                    size: _colorbox_height
                }).children('.scroll-content').css("min-height", _colorbox_height + "px");
        }
        //////////////////////////////////////////////////////////
        //显示 Body Footer
        //////////////////////////////////////////////////////////
        _colorbox_Body.show();
        _colorbox_Footer.show();
    });
</script>

</body>
</html>